<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>FreshMart – Fresh Every Day</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

  <!-- ── Header ── -->
  <header>
    <div class="logo">
      <img src="images/logo.jpg" alt="FreshMart logo" />
    </div>
    <nav>
      <ul>
        <li><a href="index.html" class="active">Home</a></li>
        <li><a href="products.html">Products</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="cart.html">Cart</a></li> 
      </ul>
    </nav>
  </header>

  <!-- ── Banner ── -->
  <main>
    <section class="banner">
      <img src="images/logo.jpg" alt="FreshMart freshness banner" />
      <div class="banner-text">
        <h1>Welcome to FreshMart</h1>
        <p>Fresh, healthy, and affordable fruits and vegetables</p>
      </div>
    </section>

    <!-- ── Featured products ── -->
    <section class="highlights">
      <h2>Featured Products</h2>

      <div class="product-grid">

        <div class="product-card">
          <img src="images/Watermelon.jpg" alt="Watermelon" />
          <h3>Watermelon</h3>
          <p>€5.99&nbsp;/&nbsp;kg</p>
         
        </div>

        <div class="product-card">
          <img src="images/Lettuce.jpg" alt="Lettuce" />
          <h3>Lettuce</h3>
          <p>€0.99&nbsp;/&nbsp;piece</p>
          
        </div>

        <div class="product-card">
          <img src="images/Beef.jpg" alt="Beef" />
          <h3>Beef</h3>
          <p>€10.99&nbsp;/&nbsp;kg</p>
          
        </div>

        <div class="product-card">
          <img src="images/Shower gel.jpg" alt="Shower gel" />
          <h3>Shower Gel</h3>
          <p>€4.99</p>
         
        </div>

      </div>
    </section>
  </main>

  <footer>
    <p>&copy; 2025 FreshMart | <a href="about.html">About Us</a></p>
  </footer>

  <script src="js/script.js"></script>
</body>
</html>
